<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<meta name="baidu-site-verification" content="oF1sFvESVA" />
		<meta name="baidu_union_verify" content="bda7674d0ccf3504162798d150953709">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" th:href="@{/libs/bootstrap/bootstrap.min.css}"/>
		<link rel="stylesheet" th:href="@{/libs/swiper/css/swiper.min.css}"/>
		<link rel="stylesheet" th:href="@{/libs/zplayer/css/zplayer.min.css}"/>
		<link rel="stylesheet" th:href="@{/libs/font-icon/icon.css}"/>
		<link rel="stylesheet" th:href="@{/libs/theme/pblog/css/web-common.css}" />
		<link rel="stylesheet" th:href="@{/libs/theme/pblog/css/web-blog.css}" />
		<link rel="stylesheet" th:href="@{/libs/adminlte/css/AdminLTE.min.css}"/>
		<script th:inline="javascript">var ctx = [[@{/}]];</script>
		<script th:src="@{/js/jquery.min.js}"></script>
		<script th:src="@{/libs/bootstrap/bootstrap.min.js}"></script>
		<script th:src="@{/libs/swiper/js/swiper.min.js}"></script>
		<script th:src="@{/js/hc-sticky.js}" ></script>
		<script th:src="@{/libs/zplayer/js/zplayer.min.js}"></script>
		<script th:src="@{/libs/theme/pblog/js/pb-blog.js}"></script>
		<script th:src="@{/js/core.js}"></script>
		<script th:src="@{/libs/layer/layer.js}"></script>
		<script th:src="@{/libs/iCheck/icheck.min.js}"></script>
		<script th:src="@{/libs/validate/validate.js}"></script>
	</head>
	<body>
		<header id="header">
			<div th:replace="home/fragments/navbar :: navbar"></div>
		</header>
		<div class="pb-container pb-content">
			<div class="pb-main">
				<div class="no-article-content" th:if="${#lists.isEmpty(orderList)}">
					暂无订单
				</div>
				<div th:each="item,temp : ${orderList}" class="blogs">
					<h3 th:text="${item.tradeNo}"></h3>
					<div th:each="food,temp : ${item.foodList}" class="blogs">
						<!--<span th:if="${item.top==1}" class="fa fa-superscript-top superscript superscript-top"></span>-->
						<span class="blogpic"><a><img th:src="${food.coverImage}" th:alt="${food.coverImage}"></a></span>
						<h3 class="blogtitle" th:text="${food.name}"></h3>
						<p  th:text="${food.description}" class="blogtext"></p>
						<div class="bloginfo">
							<ul>
								<li>
									<span class="price" th:text="${food.price}"></span>
									<span class="price">元</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="orderContent">
						<div class="createTime">
							<span>下单时间:</span>
							<span th:text="${#dates.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}"></span>
						</div>

						<div class="totalMoney">
							<span>合计:</span>
							<span th:text="${item.money}"></span>
							<span>元</span>
						</div>

						<div class="status">
							<span >完成状态:</span>
							<span th:text="${item.statusStr}"></span>
						</div>
					</div>
			    </div>
				<div th:replace="home/fragments/pagebar :: pagebar"></div>
			</div>
			<!--<div th:replace="home/fragments/sidebar :: sidebar"></div>-->
		</div>
		<div class="return_top"><a class=" fa fa-arrow-up"></a></div>

	</body>

</html>